import { defineComponent } from 'vue'
import { ElRow, ElCol } from 'element-plus'
import Tree from './tree'
import Content from './content'
import { GUTTER, SPAN_TREE_COL, SPAN_TREE_CONTENT_COL } from '~/utils/const'

export default defineComponent(function LoopSwitchGroup() {
  return () => (
    <ElRow gutter={GUTTER} class="covered-with-content">
      <ElCol {...SPAN_TREE_COL}>
        <Tree />
      </ElCol>
      <ElCol {...SPAN_TREE_CONTENT_COL}>
        <Content />
      </ElCol>
    </ElRow>
  )
})
